<template>
    <img
        :src="url"
        class="avatar-container"
        :style="{ width: size + 'px', height: size + 'px' }"
    />
</template>

<script>
export default {
    name: "Avatar",
    props: {
        url: {
            type: String,
            required: true
        },
        size: {
            type: Number,
            default: 150
        }
    }
}
</script>

<style lang="less">
.avatar-container {
    border-radius: 50%;
    object-fit: cover;
}
</style>
